import { createApp } from 'vue'
import App from './App.vue'
import router from '@/router'
import store from '@/store'

import 'normalize.css' //重置样式
import { NavBar } from 'vant'
import 'vant/es/nav-bar/style'
import { Icon } from 'vant'
import 'vant/es/icon/style'
import { Image as VanImage } from 'vant'

//引入下拉菜单
import { DropdownMenu, DropdownItem } from 'vant'
import 'vant/es/dropdown-menu/style'
import 'vant/es/dropdown-item/style'

//引入搜索框
import { Search } from 'vant'
import 'vant/es/search/style'

// 引入表单
import { Form, Field, CellGroup } from 'vant'
import 'vant/es/form/style'
import 'vant/es/field/style'
import 'vant/es/cell-group/style'

// 引入气泡框
import { Popover } from 'vant'
import 'vant/es/popover/style'

// 引入评分
import { Rate } from 'vant'
import 'vant/es/rate/style'
//vant 函数缺失的 css

//消息提示
import { Dialog } from 'vant'
// import 'vant/es/Dialog/style'

// import 'vant/es/toast/style'
import 'vant/es/dialog/style'
// import 'vant/es/notify/style'
// import 'vant/es/image-preview/style'

createApp(App)
  .use(router)
  .use(store)
  .use(DropdownMenu, DropdownItem)
  .use(Search)
  .use(Icon)
  .use(Form, Field, CellGroup)
  .use(Popover)
  .use(Rate)
  .use(VanImage)
  .use(NavBar)
  .use(Dialog)
  .mount('#app')
